<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>traza</title>
        <link type="text/css" href="CSS/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
<style type="text/css">

    #traza {
        overflow: auto;
        width: 400px;
        height: 200px;
        border: 2px solid black;
    }
    #tabla {
        border: 1px solid black;
    }

</style>
	<script type="text/javascript" src="JS/jquery.js"></script>
	<script type="text/javascript" src="JS/jquery.cookie.js"></script>
	<script type="text/javascript" src="JS/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="JS/jquery.jstree.js"></script>
        <script type="text/javascript" src="JS/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript">

    $(document).ready(function() {

        var id_proyecto=1; // cambiar por supuesto...

        $("#btn").button();
        $("#btn").click(function() {
            $.get("cargar_tabla.php", {'idproyecto': id_proyecto}, function(data) {
                $("#traza").html(data);
              }
            );
        });

    });

</script>

</head>
<body>
    Presione el boton para cargar la matriz...</br>
    <button id="btn" name="btn">Cargar Matriz</button>

<div id="traza">

</div>


</body>
</html>
    